<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>会员中心</title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/user.css" />
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
	</head>

	<body>
		<!--头部-->
		<div class="header">

			<div class="top">
				<div>
					<span class="shop_car"><a href="shop_cart.html">购物车</a></span>
					<span class="msg"><a href="javascript:void(0)">消息通知</a></span>
					<span class="login"><a href="login.html">登录</a></span>
					<span class="register"><a href="reg.html">注册</a></span>
				</div>
			</div>
			<!--logo&搜索栏-->
			<div>
				<div class="logo"><a href="index.html"><img src="img/logo.jpg" alt="logo"></a></div>
				<form class="search"><label>宝贝</label><input type="text" name="search_input" value="请输入关键字" /><button>搜索</button></form>
			</div>

			<div class="nav">
				<div class="sidebar">
					<span class="sort">商品分类</span>
					<ul>
						<li><a href="shop_list.html">早餐神器 极速享受   &gt;</a></li>
						<li><a href="shop_list.html">懒人厨房 百变料理   &gt;</a></li>
						<li><a href="shop_list.html">养生至尚 极致生活   &gt;</a></li>
						<li><a href="shop_list.html">早餐神器 极速享受   &gt;</a></li>
					</ul>
				</div>

				<ul>
					<li><a href="index.html">首页</a></li>
					<li><a href="shop_list.html">电饭锅</a></li>
					<li><a href="shop_list.html">电压力锅</a></li>
					<li><a href="shop_list.html">电炖锅</a></li>
					<li><a href="javascript:void(0)">联系我们</a></li>
					<li><a href="javascript:void(0)">企业采购</a></li>
					<li><a href="javascript:void(0)">在线商城</a></li>
				</ul>
			</div>
		</div>
		<!--内容-->
		<div class="middle">
			<div class="box">
				<div class="user_list">
					<h2>会员中心</h2>
					<dl>
						<dt><a href="shop_cart.html">我的购物车</a></dt>
					</dl>
					<dl>
						<dt><a href="javascript:void(0)">购物管理</a></dt>
						<dd><a href="order.html">我的订单</a></dd>
						<dd><a href="address.html">收货地址</a></dd>
					</dl>
					<dl>
						<dt><a href="javascript:void(0)">账户设置</a></dt>
						<dd><a href="javascript:void(0)">账户信息</a></dd>
						<dd><a href="javascript:void(0)">密码修改</a></dd>
						<dd><a href="javascript:void(0)">安全退出</a></dd>
					</dl>
					<dl>
						<dt><a href="javascript:void(0)">交易管理</a></dt>
						<dd><a href="javascript:void(0)">充币记录</a></dd>
					</dl>
				</div>
				<div class="user_info">
					<span class="user_icon">
						<img src="img/user_img.jpg" alt=""/>
						<a href="javascript:void(0)">修改个人资料</a>
					</span>
					<ol>
						<li><span class="nickname">某某</span></li>
						<li>
							<p class="balance">我的余额<span>111</span></p>
						</li>
					</ol>
					<ul>
						<li>
							<span>
								<a href="javascript:void(0)"><img src="img/user_finish_icon.png" /></a>
							</span>
							<a href="javascript:void(0)">已完成  8</a>
						</li>
						<li>
							<span>
								<a href="javascript:void(0)"><img src="img/user_unpay_icon.png" /></a>
							</span>
							<a href="javascript:void(0)">待付款  1</a>
						</li>
						<li>
							<span>
								<a href="javascript:void(0)"><img src="img/user_transfer_icon.png" /></a>
							</span>
							<a href="javascript:void(0)">待收货  1</a>
						</li>
						<li>
							<span>
								<a href="javascript:void(0)"><img src="img/user_comment_icon.png" /></a>
							</span>
							<a href="javascript:void(0)">待评价  5</a>
						</li>
					</ul>
				</div>
				<form class="user">
					<label for="username">用户名</label><input id="username" type="text" /><br />
					<label for="logname">登录名</label><input id="logname" type="text" /><br />
					<label for="nickname">昵称</label><input id="nickname" type="text" /><br />
					<label>性别</label>
					<input type="radio" name="sex" value="男" id="male" checked="checked" /><label for="male">男</label>
					<input type="radio" name="sex" value="女" id="female" /><label for="female">女</label>
					<input type="radio" name="sex" value="保密" id="secret" /><label for="secret">保密</label><br />
					<label>生日</label>
					<select id="year">
						<option value="year">年</option>
					</select>
					<select id="month">
						<option value="month">月</option>
					</select>
					<select id="day">
						<option value="day">日</option>
					</select><br />
					<label>邮箱</label><a href="javascript:void(0)">立即验证</a><br />
					<label for="realname">真实姓名</label><input type="text" id="realname" /><br />
					<label for="hobby">兴趣爱好</label><input type="text" id="hobby" /><br />
					<input type="submit" value="提交" id="submit" name="submit" onclick="return false" />
				</form>
			</div>
		</div>
		<!--尾部-->
		<div class="footer">
			<ul>
				<li><img src="img/contact_icon.png" alt=""><span>QQ公众号</span></li>
				<li><img src="img/contact_icon.png" alt=""><span>QQ公众号</span></li>
				<li><img src="img/position_icon.png" alt=""><span>520余家售后网点</span></li>
				<li><img src="img/position_icon.png" alt=""><span>520余家售后网点</span></li>
			</ul>
			<hr>
			<div>
				<dl>
					<dt>帮助中心</dt>
					<dd>账号管理</dd>
					<dd>购物指南</dd>
					<dd>订单操作</dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<dd>账号管理</dd>
					<dd>购物指南</dd>
					<dd>订单操作</dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<dd>账号管理</dd>
					<dd>购物指南</dd>
					<dd>订单操作</dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<dd>账号管理</dd>
					<dd>购物指南</dd>
					<dd>订单操作</dd>
				</dl>

				<span>400-400-4000</span>
				<p>在 线 客 服</p>
			</div>

			<p>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号 </p>
			<p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
		</div>
		<script type="text/javascript" src="js/user.js"></script>
	</body>

</html>